<template>
	<view class="page">
		<view class="list " v-for="(item,index) in list" :key="index">
			<view class="u-flex u-row-between">


				<u-image :src="item.user_info.avatar" width="80" height="80" shape="circle"></u-image>

				<view class="u-flex u-row-between u-flex-1">
					<view class="u-margin-left-20">
						<view style="font-weight: bold;margin-bottom: 10rpx;">{{item.user_info.nickname}}</view>
						<view>
							<u-rate size="28" disabled :value="item.star" active-color="#FFCC00"></u-rate>
						</view>
					</view>

					<view class="u-font-xs u-type-info">{{item.createtime}}</view>
				</view>


		 </view>
		 
		 <view class="" style="padding: 20rpx 0;">
			 {{item.content}}
		 </view>
		 
		 <view class="u-flex u-flex-wrap">
			 <view class="u-margin-right-20" v-for="(item1,index1) in item.images" :key="index1">
			 			 <u-image :src="item1" width="200" height="200"></u-image>
			 </view>
		 </view>
		 
		 

		</view>
	</view>
</template>

<script>
	import loader from '@/common/loadPage.js';
	export default {
		mixins: [loader],
		data() {

			return {
				tabbar: [],
				nav: [],
				current: 0,
				list: [],
				initial: {
					geturl: "/technician/commentsList",
					parm: {
						technician_id: ''
					},
					isPage: true
				},




			}
		},
		async onLoad(options) {
			if (options.Tid) {
				this.initial.parm.technician_id = options.Tid
			}
			this.getGoods().then(res=>{
				
			res.forEach(item=>{
				item.images= item.images?item.images.split(","):[]
			})
			
			this.list=res;
			})
		},
		methods: {


		}
	}
</script>


<style>
	.page {
		background: #F1F1F1;
		min-height: 100vh;
		display: inline-block;
		width: 750rpx;
	}

	.list {
		background: #fff;

		margin: 20rpx auto;
		padding: 20rpx;
	}
</style>
